<template>
  <div class="common-page layout-view">
    <div class="case-block">
      <div class="title">单侧投影效果</div>
      <div class="sample a clearfix">
        <div class="model first"></div>
      </div> 
    </div>
  </div>
</template>
<style scoped lang="stylus">
@import '../../../../styles/mixins.styl'

.case-block
  width 100%
  padding 10px;
  border-bottom 1px solid lightgray
  .title
    font-size: 18px
    font-weight bold

.sample.a
  .model
    float left
    width 100px
    height 100px
    margin 10px
  .model.first
    background yellow
    box-shadow 0 6px 4px -4px black
</style> 
<script>
export default {
  name: 'SpecialEffectView',
  props: {

  },
  data () {
    return {
    }
  },
  computed: {
    
  },
  created() {
  },
  mounted() {
     
  },
  methods: {
  }
}
</script>
